@charset "utf-8";
/* CSS Document */

      

        #auroraCanvas {
            display: block;
            width: 100%;
            height: 100%;
            max-width: 600px; /* Limitar el ancho máximo para mejor visualización en pantallas grandes */
            max-height: 400px;
            aspect-ratio: 4 / 3; /* Mantener una proporción */
            border-radius: 0.5rem; /* Esquinas redondeadas para el canvas */
            box-shadow: 0 0 20px rgba(0, 255, 150, 0.3); /* Un ligero brillo alrededor */
            margin-top: 20px; /* Añadimos un poco de margen superior al canvas para separarlo de la descripción */
        }

        

        /* --- ESTILOS PARA EL SLOGAN Y LA DESCRIPCIÓN --- */
        .slogan-container, .description-container {
            text-align: center; /* Asegura el centrado del texto dentro del contenedor */
            padding: 0 20px; /* Añade padding horizontal para que el texto no toque los bordes */
            box-sizing: border-box; /* Incluye el padding en el ancho total */
            width: 100%; /* Permite que el contenedor use todo el ancho disponible */
        }

        .slogan-container {
            margin-top: 20px; /* Espacio debajo del título y sobre el canvas */
            color: #a0a0a0; /* Color de texto más suave */
            font-size: 24px;
            max-width: 600px; /* Limita el ancho máximo del eslogan */
            z-index: 5;
        }

        .description-container {
            margin-top: 10px;
            color: #cccccc; /* Un gris claro para el texto */
            font-size: 18px;
            max-width: 500px; /* Limita el ancho máximo de la descripción */
            line-height: 1.5;
            z-index: 5;
        }

        /* Estilo para el enlace "VOLVER A INICIO" */
        .back-to-home {
            margin-top: 10px; /* Reducido para que esté más cerca de info-text */
            font-size: 32px; 
            color: #00BCD4; 
            text-decoration: none; 
            font-weight: bold; 
            transition: color 0.3s ease; 
            max-width: 600px; 
            text-align: center; 
            width: 100%; 
        }

        .back-to-home:hover {
            color: #80DEEA; 
        }